<template>
    <div>
        <h1>{{id?'修改':'新建'}}管理员</h1>
        <el-form label-width="123px" @submit.native.prevent = 'save'>
            <el-form-item label="用户名">
                <el-input v-model="model.username"></el-input>
            </el-form-item>
            <el-form-item label="密码">
                <el-input type="text" v-model="model.password"></el-input>
            </el-form-item>
            <el-button type="primary" native-type="submit">保存</el-button>
        </el-form>
    </div>
</template>

<script>
export default {
    data() {
        return {
            model:{},
        }
    },
    props:{
        id:{}
    },
    methods: {
        async save(){
            let res
            if(this.id){
                res = await this.$http.put(`rest/Adminuser/${this.id}`,this.model)
            }else{
                res = await this.$http.post('rest/Adminuser',this.model)         
            }   
               this.$router.push('/Adminuser/list')                 
                this.$message({
                type:'success',
                message:"保存成功了"
            })      
        },
        async fetch(){
            const res  = await this.$http.get(`rest/Adminuser/${this.id}`)
            this.model = res.data
        },
    },
    created() {
        this.id && this.fetch()
    },
};
</script>

<style scoped>

</style>